/*
------------------------------------------------------------
Global settings
============================================================
*/
*{
margin:0;
padding:0;
}
body{
background: #074B85 url(../images/bkg.gif) repeat-x;
font: 68.5%/1.6em 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;
padding:3em;
}
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
}
a{
color: #668324;
}
a:hover{
color:#F0037F;
}
br {
clear: left;
}
th{
border-bottom: 1px solid #eaeaea;
text-align:center;
}
dt label, dd label, dt input, dd input{
display:inline;
text-align:left;
float:none;
}
.debug_info{
background:#fff;
color:#000;
padding:1em;
border:1px solid #A7B2CE;
}
dl{
margin:0;
}
dt, dd{
margin:0;
}
dt{
font-size: 140%;
background:#EFF5FF;
padding: 0.1em 0.2em;
font-weight:bold;
}
dd p{
margin:0;
font-weisght:bold;font-size:130%;}
dd{
margin-left: 1em;
font-size: 90%;
}
.imgs {
vertical-align: middle;
}
ol li ul li strong{
color:#069;
}
.keepState{
margin:0 0 0 1em;
font-size: 80%;
background:#FFFFE0;
padding: 0 0.5em;
display:block;
float:left;
}
#toggleBug{
position: absolute;
right:0;
top:0;
}
#debug{
position: absolute;
left:0;
background: #4D687F;
color:#fff;
text-align:left;
padding: 1em;
}
#bookmarkLink, #forgotLink{
display:inline;
clear:both;
float:left;
margin:0 0 10px 120px;
padding-left: 20px;
background:url(../images/add_to_favorites.gif) no-repeat;
width:20em;
}
#forgotLink{
margin:10px 0 10px 120px;
background:url(../images/retrieve_password.gif) no-repeat;
}
/*   Upgrade label   //---------------------------*/
#upgrade{
position:absolute;
width:101px;
height:101px;
top:0;
left:0;
background: url(../images/upgrade_available.gif) no-repeat;
}
#upgrade a{
display:block;
text-indent:-9999em;
width: 101px;
height: 101px;
}
/*
------------------------------------------------------------
Form styling
============================================================
*/
label,input{
	display: block;
	float: left;
	width: 150px;
	margin: 1em 0 5px 0;
}

label { 
	text-align: right;
	width: 10em;
	padding-right: 1em;
	font-weight: bold;
}
	label.extendedLabels{
	width:auto;
	margin-left: 0.5em;
	margin-right: 1em;
	}
input.text,input.password, textarea, select, input.file,
input[type=text],input[type=password],input[type=file] {
background-color: #FAF9F5;
color: #363636;
border: 1px solid #999;
border-bottom-color: #ccc;
border-right-color: #ccc;
width: 60%;
padding: 0.15em 0 0.15em 0.7em;
font: 1em/1.6em 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;
}
option{
font: 1em/1.6em 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;
}
input.submit, input.reset, input[type=submit], input[type=reset]{
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
padding: 0.25em;
color: #333;
font-size: 11px;
font-weight: bold;
background:#fafafa url(../images/button.gif) repeat-x;
text-transform:capitalize; 
width:auto;
}
input.checkbox,
input.radio,
input[type=checkbox],
input[type=radio]{
margin: 1em 0 5px 0;
width:auto;
}
input.file, input[type=file]{
width:auto !important;
width: 60%;
}
select.formfields, select.infields {
margin: 0.5em 0 0;
}
textarea, textarea.infields{
height:10em;
}
input.infields, textarea.infields, select.infields {
background-color: #FAF9F5;
color: #363636;
font-size: 100%;
border: 1px solid #999;
border-bottom-color: #ccc;
border-right-color: #ccc;
margin: 1em 0.2em 0.2em;
width: auto;
display:inline;
float:none;
}
.cBox{
margin: 1em 0 5px 0;
}
.hiLited{
color:#009933;
}
input.hiLited{
border:1px solid #093;
}
#logoutLink{
background: url(../images/logout.png) no-repeat 100% 50%;
padding: 0 20px 0 0;
}
.editLink{
background: url(../images/edit.gif) no-repeat 0 50%;
padding: 0 0 0 20px;
}
legend{
padding: 1em 0.5em 1em 1em;
}
legend img.hasHelp{
padding:0;
margin: 0 0 0 0.3em;
vertical-align: middle;
}
#pageList{
margin: 1em 0;
}
/*
------------------------------------------------------------
Output formatting (SUCCESS | ERROR | ALERT | NOTE)
============================================================
*/
.contenterror{
background: #FFF1ED url(../images/error.gif) no-repeat 0.5em 50%;
padding: 0.5em 0.5em 0.5em 2.2em;
border: 1px solid #900;
width: 50%;
margin: 0.15em auto;
text-align: center;
}

.contentsuccess{
background: #F4FDEF url(../images/success.gif) no-repeat 0.5em 50%;
padding: 0.5em 0.5em 0.5em 2.2em;
border: 1px solid #3F9305;
width: 50%;
margin: 0.15em auto;
text-align: center;
}
.contentalert{
background: #FEFFDF url(../images/alert.gif) no-repeat 0.5em 10%;
padding: 0.5em 0.5em 0.5em 2.2em;
border: 1px solid #EFEFEF;
width: 50%;
margin: 0.15em auto;
text-align: center;
}
.contentnote{
background: #fafafa;
padding: 0.5em;
border: 1px solid #53B2F8;
width: 70%;
margin: 0.3em auto;
text-align: left;
font-size: 90%;
color:#777;
}
.contenterror ul,.contentsuccess ul{
padding:0;
margin: 0 0 0 25px;
text-align:left;
list-style:none;
}
.notealert{
font-size: 1em;
background: #FEFFDF;
border: 1px solid #EFEFEF;
width: 70%;
margin: 0.5em auto;
padding: 0.5em;
}
#upgradeOverlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 150%;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#upgradeInstructions{
position:absolute;
left: 35%;
top: 100px;
width:350px;
background:#fff;
padding:2em;
z-index:100;
}
/*
------------------------------------------------------------
Main Container
============================================================
*/
		#mainContainer{
		width: 741px;
		margin: 0 auto;
		background: url(../images/main_bkg.gif) repeat-y;
		padding:0;
		color: #000;
		}
		#mainContainer .login{
		float:none;
		width: 350px;
		margin:0 auto;
		}
		#mainContainer div.login h1, #mainContainer .login h2, #mainContainer .errorPage h1, #mainContainer .errorPage h2{
		text-align: left;
		margin:0;
		}
		#mainContainer .login h1, #mainContainer .errorPage h1{
		font-size: 1.5em;
		padding-bottom: 0.5em;
		}
		#mainContainer .errorPage{
		padding: 5em 0;
		}
		#mainContainer .errorPage .contenterror{
		width: 100%;
		}
		#mainContainer .mainPage{
		padding: 2em 0 0 4em;
		width: 500px;
		}
		#mainContainer .mainPage h1{
		font-size: 1.2em;
		color:#333;
		margin: 0 0 1em;
		}

/*
------------------------------------------------------------
Header
============================================================
*/
		#header{
		background: url(../images/header_bkg.gif) repeat-x;
		height: 49px;
		text-align: right;
		width: 741px;
		font-size: 0.9em;
		}
		#header h1{
		width: 142px;
		padding:0 7px;
		background: url(../images/header_lft.gif) no-repeat;
		float:left;
		}
		#header h1 a{
		background: url(../images/dreamscape_logo.gif) no-repeat;
		display:block;
		width: 151px;
		height: 33px;
		margin:7px 0 9px;
		}
		#header h1 a:hover{
		background-position: 0 100%;
		}
		#header h1 a span{
		display:none;
		}
		#header p{
		float:right;
		padding: 7px 1em;
		background: url(../images/header_rht.gif) no-repeat 100% 0;
		margin:0;
		}

/*
------------------------------------------------------------
Footer
============================================================
*/
		#footer{
		background: url(../images/footer_right.gif) no-repeat 100% 0;
		margin: 2em auto 0;
		width: 635px;
		height: 33px;
		clear:both;
		text-align:center;
		}
		#footer p{
		background:url(../images/footer_lft.gif) no-repeat;
		margin:0;
		padding: 10px 0 0;
		height: 23px;
		}
		#footerBottom{
		background: url(../images/footer_bottom.gif) no-repeat 0 100%;
		padding:0 0 1px;
		}
/*
------------------------------------------------------------
Menu
============================================================
*/
		
		#menu{
		background:url(../images/menu_bkg.gif) repeat-y;
		width: 148px;
		margin:0 0 0 12px;
		float: left;
		}
		#menu ul{
		background: url(../images/menu_foot.gif) no-repeat 0 bottom;
		padding:1em 2em 2em;
		margin:0;
		list-style: none;
		}
		#menu li{
		margin-bottom: 1em;
		}
		#menu a, #footer a{
		color:#333;
		}
		#menu a:hover, #footer a:hover{
		color:#F0037F;
		}
		#menu li h2{
		font-size: 1.3em;
		font-weight: bold;
		color: #004CA3;
		}
/*
------------------------------------------------------------
Content
============================================================
*/
		#content{
		width: 538px;
		float:left;
		padding: 8px 8px 8px 20px;
		}
		#content h1{
		color: #8CC739;
		font-size: 2em;
		}
		#content h2{
		font-size: 1.1em;
		margin:0.4em 0 0.8em;
		font-weight: normal;
		}
		#content td h1{
		color: #074B85;
		font-size: 1em;
		}
		#content td h1 a{
		color: #074B85;
		font-size: 1.2em;
		}
		#content td h2{
		margin:0.2em 0 0.4em;
		}
		#content table{
		width:90%;
		margin: 0 auto;
		}
		#content tr td, #content th{
		border-bottom: 1px solid #ccc;
		}
		#content table tr td .thumbnails{
		float:left;
		clear:none;
		margin: 0.2em;
		border: 1px solid #ccc;
		padding: 0.3em;
		background: #fff;
		}
		#content table label{
		width:60%;
		}
		.onlineStatus{
		text-align: center;
		}
		.altRow{
		background: #ddd;
		}
		#content tr.commentTitle td{
		padding: 1em 0;
		}
		#content #catList.adminList li h1{
		font-size: 1em;
		color:#333;
		}
		#content #catList.adminList{
		padding: 0 4em;
		}
		#content fieldset{
		padding:  2em;
		}


/*
------------------------------------------------------------
Main Page
============================================================
*/
		/*
		------------------------------------------------------------
		Summary/Latest Buzz
		============================================================
		*/
		#summary{
		padding: 0.5em 2em 2em;
		margin-bottom: 1em;
		background:#C6DFF5;
		float:left;
		clear:both;
		}
		
		#summary h1{
		color:#000;
		margin:0 0 1em;
		padding-bottom:0.2em;
		border-bottom:1px solid #808C97;
		}
		h1 span{
		color:#004CA3;
		font-size:1.2em;
		}
		#theBuzz{float:left; width:250px;}
		#theBuzz h1{
		color:#226094;
		background:url(../images/buzz_report.gif) no-repeat 0 50%;
		padding: 0 0 0 20px;
		margin-bottom:1em;
		border:0;
		}
		#summary h2{
		margin:0;
		font-size:1em;
		}
		#summary ul{
		width:150px;
		float:left;
		margin-right:20px;
		list-style:none;
		border-right: 1px dotted #808C97;
		}
		#summary ul li{
		margin-bottom:0.7em;
		line-height:1.1;
		}
		#summary ul li p span{
		color:#004CA3;
		}
		#summary a.buzz{
		padding: 0 0 0 20px;
		color: #004CA3;
		display:block;
		height: 20px;
		background:url(../images/buzz.gif) no-repeat 0 50%;
		font-size: 0.9em;
		margin:0;
		}
		#summary h3{
		font-size: 1.2em;
		}
		#summary .contentalert{
		width: 90%;
		text-align:left;
		background-position: 5px 50%;
		padding: 0.5em 0.5em 0.5em 3em;
		margin-bottom:1em;
		}

		
		/*
		------------------------------------------------------------
		Dreamscape News
		============================================================
		*/
		#dreamscapeNews{
		width: 80%;
		padding: 1em 2em 2em;
		margin-bottom: 1em;
		clear:both;
		}
		#dreamscapeNews h2{
		margin:1em 0 0;
		}
		#mainContainer .mainPage #dreamscapeNews h1{
		color:#226094;
		background:url(../images/rss.png) no-repeat 0 50%;
		padding: 0 0 0 20px;
		}
		#dreamscapeNews h2 a{
		background: url(../images/dreamscape_news.gif) no-repeat 0 50%;
		padding: 0 0 0 20px;
		color: #004CA3;
		display:block;
		height: 20px;
		}
		#mainContainer .mainPage #dreamscapeNews h3{
		font-size: 1em;
		}
/*
------------------------------------------------------------
Accordion Styles
============================================================
*/
		.stretchToggle{
		border:1px solid eee;
		cursor:pointer;
		padding:0.2em;
		margin: 0.15em;
		border: 1px solid #DDE1E3;
		padding: 1px;
		font-size:110%;
		}
		.stretchToggle span{
		display:block;
		text-decoration:none;
		background: #EEF0F1;
		padding: 0.2em;
		color:#069;
		}
		.stretch{
		background:#fff;
		}
		.stretchContainer{
		background:#fff;
		border:1px solid #B6C2D7;
		padding: 0.5em;
		}
/*
------------------------------------------------------------
Tooltip styling (w/ no Javascript enabled)
============================================================
*/
		.hasHelp{
		display: none;
		}
		blockquote.helpContents{
		margin: 0;
		font-weight:normal;
		}
		blockquote.helpContents h5{
		font-size: 120%;
		background: #EFF5FF url(../images/help.gif) no-repeat 0 50%;
		padding: 0.1em 0.1em 0.1em 20px;
		margin:0;
		}